// 公共的class 样式文件

// 基础样式配置
@import "~@/assets/style/public/base.less";

// 通用样式配配置
@import "~@/assets/style/public/public.less";

// 顏色設置文件
@import "~@/assets/style/public/color.less";

// 设置统一的前缀
@prefix: ~"dp";

.@{prefix} {
  // 内边框样式
  &-b {
    outline: solid 1px red;
  }

  // 居中弹性布局
  &-center {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }

  // 水平的弹性布局
  &-center-row {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
  }

  // 垂直的弹性布局
  &-center-col {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }

  // 居中的最小宽度1180px
  &-min-row {
    margin: 0 auto;
    min-width: 1180px;
    width: 100%;
  }

  &-cursor {
    cursor: pointer;
  }

  // 红色字体
  &-red-text {
    color: #ee6560;
  }
  &-green-text {
    color: #4db872;
  }
  &-blue-text {
    color: #3075ee;
  }
  &-red-bgc {
    background-color: #ee6560;
  }
  &-green-bgc {
    background-color: #4db872;
  }

  // 排序的icon 样式
  &-sort-icon {
    position: relative;
    width: 12px;
    height: 15px;
    font-size: 10px;
    left: 2px;
    top: 1.5px;
    i {
      position: absolute;
    }
    .el-icon-caret-top {
      top: -2px;
    }
    .el-icon-caret-bottom {
      top: 3px;
    }
    .light-sort{
      color:#f2f2f3;
    }
  }
}
.cursor{
  cursor: pointer;
}
